<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<!--引入CSS代码-->
		<link rel="stylesheet" type="text/css" href="./css/index.css" />
		<link rel="icon" href="Images/icon/favicon.ico" type="image/x-icon">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="preload" href="./Fonts/cute.ttf" as="font" type="font/ttf" crossorigin>
		<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
		<title>光遇盒子</title>
	</head>

	<body>
		<header>
			<!-- 头部，指代Logo和导航栏 -->
			<div id="headerbox">
				<!-- <img id="playPauseBtn" src="./Images/icon/1001.png" onclick="toggleAudio()" width="35px" style="margin-right:-25px;"> -->
				<!-- 该代码用于手动播放与暂停 -->
				<!-- <audio id="Sky-music" src="./music/Sky-Rainforest.mp3"></audio> -->
				<div class="logo-box">
					<img src="Images/icon/logo.png" class="icon">
				</div>
				<nav class="navstyle">
					<ul>
						<li><a href="#">光遇</a></li>
						<li><a href="https://coc.qq.com/">部落冲突</a></li>
						<li><a href="#">回忆</a></li>
						<li><a href="#">旧瓶新酒</a></li>
					</ul>
				</nav>
				<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86
					src="//music.163.com/outchain/player?type=2&id=1977956787&auto=1&height=66"></iframe>
			</div>
		</header>
		<!-- <主体内容> -->
		<div id="BoxMain">
			<div id="slideshow">
				<div class="slideshowsub">
					<div class="slide">
						<img src="./Images/Carousel/Carousel1.jpg" alt="" srcset="">
					</div>
					<div class="slide">
						<img src="./Images/Carousel/Carousel2.jpg" alt="" srcset="">
					</div>
					<div class="slide">
						<img src="./Images/Carousel/Carousel3.jpg" alt="" srcset="">
					</div>
					<div class="slide">
						<img src="./Images/Carousel/Carousel4.jpg" alt="" srcset="">
					</div>
					<div class="slide">
						<img src="./Images/Carousel/Carousel5.jpg" alt="" srcset="">
					</div>
				</div>
			</div>
			<div id="Mainer">
				<div class="top-box">
					<a href="News-webpage/News_Center.html"><img src="./Images/icon/Information.png"
							class="information"></a>
				</div>
				<div class="left-box">
					<div class="carousel-container">
						<div class="carousel">
							<div class="carousel-item">
								<img src="./Images/Carousel/travel1.png">
							</div>
							<div class="carousel-item">
								<img src="./Images/Carousel/travel2.png">
							</div>
							<div class="carousel-item">
								<img src="./Images/Carousel/travel3.png">
							</div>
							<div class="carousel-item">
								<img src="./Images/Carousel/travel4.png">
							</div>
						</div>
						<div id="quoteContainer">
						</div>
					</div>
				</div>

				<div class="right-box">
					<div class="News_Navigation">
						<ul>
							<li><a href="#tab1">光遇新闻</a></li>
							<li><a href="#tab2">光遇小故事</a></li>
							<li><a href="#tab3">人文风情</a></li>
							<li><a href="#tab4">视频新闻</a></li>
						</ul>
					</div>
					<div class="Content">
						<div id="tab1">
							<div class="box">
								<a href="News-webpage/2020/7-10new.html" target="_blank">
									<p>晨岛: 万物的开始，踏入光遇王国的第一篇章</p>
									<span>2020-07-23</span>
								</a>
							</div>
							<div class="box">
								<a href="News-webpage/2020/7-23new.html" target="_blank">
									<p>隐藏的魔法洞窟</p>
									<span>2020-07-23</span>
								</a>
							</div>
							<div class="box">
								<a href="News-webpage/2020/8-13new.html" target="_blank">
									<p>晨岛的上空原来还有一个美丽的岛屿</p>
									<span>2020-08-13</span>
								</a>
							</div>
							<div class="box">
								<a href="News-webpage/2020/8-16new.html" target="_blank">
									<p>为什么云野大厅会被称为养老圣地</p>
									<span>2020-08-16</span>
								</a>
							</div>
							<div class="box">
								<a href="News-webpage/2020/8-31news.html" target="_blank">
									<p>雨林中——你所不知道的景区</p>
									<span>2020-08-31</span>
								</a>
							</div>
							<div class="box">
								<a href="News-webpage/2020/9-01news.html" target="_blank">
									<p>霞谷滑雪场与溜冰场已经竣工，择日开放</p>
									<span>2020-09-01</span>
								</a>
							</div>
							<div class="box">
								<a href="News-webpage/2020/9-05news.html" target="_blank">
									<p>黑暗植物！该怎么处理你？</p>
									<span>2020-09-05</span>
								</a>
							</div>
						</div>
						<div id="tab2">
							<div class="box">
								<a href="News-webpage/Storiette/08-17.html" target="_blank">
									<p>神殿中那些曾经的往事</p>
									<span>2020-08-17</span>
								</a>
							</div>
							<div class="box">
								<a href="News-webpage/Storiette/08-21.html" target="_blank">
									<p>小魔法师的日常</p>
									<span>2020-07-23</span>

								</a>
							</div>
							<div class="box">
								<a href="News-webpage/Storiette/08-29.html" target="_blank">
									<p>光之子留言合集（一）</p>
									<span>2020-08-29</span>
								</a>
							</div>
							<div class="box">
								<a href="News-webpage/Storiette/09-12.html" target="_blank">
									<p>小小旅行家在云野的魔幻探险</p>
									<span>2020-09-12</span>
								</a>
							</div>
							<div class="box">
								<a href="News-webpage/Storiette/2021-04-24.html" target="_blank">
									<p>快和我们一起来搭建树屋吧</p>
									<span>2021-04-24</span>
								</a>
							</div>
							<div class="box">
								<a href="">
									<p>11</p>
									<span>2020-07-23</span>
								</a>
							</div>
							<div class="box">
								<a href="">
									<p>11</p>
									<span>2020-07-23</span>
								</a>
							</div>
						</div>
						<div id="tab3">
							<div class="box">
								<a href="News-webpage/Cultural_charm/Forbidden_Library.html" target="_blank">
									<p>战争与和平，历史的见证——禁阁书馆</p>
									<span>2020-07-23</span>
								</a>
							</div>
							<div class="box">
								<a href="News-webpage/Cultural_charm/Holy_Island.html" target="_blank">
									<p>远离尘嚣的度假胜地—圣岛</p>
									<span>2020-09-10</span>
								</a>
							</div>
							<div class="box">
								<a href="News-webpage/Cultural_charm/Prophecy_valley.html" target="_blank">
									<p>命运考验：预言山谷的试炼之旅</p>
									<span>2020-11-30</span>
								</a>
							</div>
							<div class="box">
								<a href="News-webpage/Cultural_charm/Yuanmeng_Village.html" target="_blank">
									<p>圆梦村，幸福与宁静的冬日乐园！</p>
									<span>2021-02-10</span>
								</a>
							</div>
							<div class="box">
								<a href="News-webpage/Cultural_charm/Snow_Hidden_Peak.html" target="_blank">
									<p>探寻雪山仙境，邂逅日落之美</p>
									<span>2021-02-15</span>
								</a>
							</div>

							<div class="box">
								<a href="News-webpage/Cultural_charm/CrabFood_List.html" target="_blank">
									<p>螃蟹美食大推荐</p>
									<span>2021-03-19</span>
								</a>
							</div>

							<div class="box">
								<a href="News-webpage/Cultural_charm/Starlight_Desert.html" target="_blank">
									<p>星光沙漠，星月交辉处</p>
									<span>2021-07-24</span>
								</a>
							</div>

						</div>
						<div id="tab4">
							<div class="box">
								<a href="">
									<p>11</p>
									<span>2020-07-23</span>
								</a>
							</div>
							<div class="box">
								<a href="">
									<p>11</p>
									<span>2020-07-23</span>
								</a>
							</div>
							<div class="box">
								<a href="">
									<p>11</p>
									<span>2020-07-23</span>
								</a>
							</div>
							<div class="box">
								<a href="">
									<p>11</p>
									<span>2020-07-23</span>
								</a>
							</div>
							<div class="box">
								<a href="">
									<p>11</p>
									<span>2020-07-23</span>
								</a>
							</div>
							<div class="box">
								<a href="">
									<p>11</p>
									<span>2020-07-23</span>
								</a>
							</div>
							<div class="box">
								<a href="">
									<p>11</p>
									<span>2020-07-23</span>
								</a>
							</div>
						</div>
					</div>
				</div>

				<div id="Exhibit">
					<div class="lazy-load-section">
						<ul class="container">
							<a href="./News-webpage/accident.html">
								<li class="Landscape_display" target="_blank"><img
										src="Images/Skyscenery/Tune/wallpaper/Landscape_screen/yj傍晚合照.png"></li>
							</a>
							<a href="Images/Skyscenery/sights/Sky_xueyingfeng.jpg" target="_blank">
								<li class="Landscape_display"><img src="Images/Skyscenery/sights/Sky_xueyingfeng.jpg">
								</li>
							</a>
							<a href="Images/Skyscenery/sights/Sky_%20Empty_%20nest.png" target="_blank">
								<li class="Landscape_display"><img
										src="Images/Skyscenery/sights/Sky_%20Empty_%20nest.png">
								</li>
							</a>
							<a href="Images/Skyscenery/sights/Sky_%20Dusk_%20Soil.png" target="_blank">
								<li class="Landscape_display"><img
										src="Images/Skyscenery/sights/Sky_%20Dusk_%20Soil.png">
								</li>
							</a>
							<a href="Images/Skyscenery/sights/Sky_Xiagu(End).png" target="_blank">
								<li class="Landscape_display"><img src="Images/Skyscenery/sights/Sky_Xiagu(End).png">
								</li>
							</a>
							<a href="Images/Skyscenery/sights/Sky_Xiagu(starting_point).png" target="_blank">
								<li class="Landscape_display"><img
										src="Images/Skyscenery/sights/Sky_Xiagu(starting_point).png"></li>
							</a>
							<a href="Images/Skyscenery/sights/Sky_Xiagu(track).png" target="_blank">
								<li class="Landscape_display"><img src="Images/Skyscenery/sights/Sky_Xiagu(track).png">
								</li>
							</a>
							<a href="Images/Skyscenery/sights/SKY_20221201_214254_-gigapixel-scale-2_00x.jpg"
								target="_blank">
								<li class="Landscape_display"><img
										src="Images/Skyscenery/sights/SKY_20221201_214254_-gigapixel-scale-2_00x.jpg">
								</li>
							</a>
							<a href="Images/Skyscenery/sights/SKY_20230726_160222_-gigapixel-scale-2_00x.jpg"
								target="_blank" loading="lazy">
								<li class="Landscape_display"><img
										src="Images/Skyscenery/sights/SKY_20230726_160222_-gigapixel-scale-2_00x.jpg">
								</li>
							</a>
							<a href="Images/Skyscenery/sights/SKY_20230720_201319_-gigapixel-scale-2_00x.jpg"
								target="_blank" loading="lazy">
								<li class="Landscape_display"><img
										src="Images/Skyscenery/sights/SKY_20230720_201319_-gigapixel-scale-2_00x.jpg">
								</li>
							</a>
							<a href="Images/Skyscenery/sights/SKY_20221201_181605_-gigapixel-scale-2_00x.jpg"
								target="_blank" loading="lazy">
								<li class="Landscape_display"><img
										src="Images/Skyscenery/sights/SKY_20221201_181605_-gigapixel-scale-2_00x.jpg">
								</li>
							</a>
							<a href="Images/Skyscenery/sights/SKY_20230727_105948_-gigapixel-scale-2_00x.jpg"
								target="_blank" loading="lazy">
								<li class="Landscape_display"><img
										src="Images/Skyscenery/sights/SKY_20230727_105948_-gigapixel-scale-2_00x.jpg">
								</li>
							</a>
						</ul>
					</div>
				</div>
			</div>
			<script src="js/luntu.js"></script>
			<script src="js/travel.js"></script>
			<script src="js/index-music-off.js"></script>
			<script src="js/Good_words_and_sentences.js"></script>
			<script src="js/Interface_switching.js"></script>
			<script src="js/dfs.js"></script>
	</body>
	<footer>
		<ul>
			<li><a href="About_Me.html" target="_blank">关于我</a></li>
			<li><a href="https://sky.163.com/" target="_blank">光遇官网</a></li>
			<li><a href="http://www.creetech-team.top/" target="_blank">友情网站 </a></li>
			<li><a href="https://www.bilibili.com/" target="_blank">哔哩哔哩</a></li>
			<li><a href="#" target="_blank">关于我</a></li>
		</ul>
	</footer>
</html>
